import React from 'react';
import Svg, { G, Mask, Path, Rect } from 'react-native-svg';

import { IconProps } from '../../types';

export const PendingIcon = ({ stroke = '#858585' }: IconProps): JSX.Element => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <Path
        d="M12 2V6M12 18V22M6 12H2M22 12H18M19.0784 19.0784L16.25 16.25M19.0784 4.99994L16.25 7.82837M4.92157 19.0784L7.75 16.25M4.92157 4.99994L7.75 7.82837"
        stroke={stroke}
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  );
};

export const PendingFilledIcon = () => {
  return (
    <Svg width="33" height="32" viewBox="0 0 33 32" fill="none">
      <Mask id="mask0_2222_48098" maskUnits="userSpaceOnUse" x="0" y="0" width="33" height="32">
        <Rect x="0.75" width="32" height="32" fill="#D9D9D9" />
      </Mask>
      <G mask="url(#mask0_2222_48098)">
        <Path
          d="M6.33268 24.3326C8.27713 26.7548 10.7716 28.3103 13.816 28.9992C14.2382 29.1103 14.6105 29.0326 14.9327 28.7659C15.2549 28.4992 15.416 28.1437 15.416 27.6992C15.416 27.3881 15.3271 27.1103 15.1493 26.8659C14.9716 26.6214 14.7271 26.4659 14.416 26.3992C11.9716 25.8437 9.97157 24.5992 8.41602 22.6659C6.86046 20.7326 6.08268 18.5103 6.08268 15.9992C6.08268 13.4881 6.86046 11.2659 8.41602 9.33255C9.97157 7.39922 11.9716 6.15477 14.416 5.59922C14.7271 5.53255 14.9716 5.37699 15.1493 5.13255C15.3271 4.8881 15.416 4.61033 15.416 4.29922C15.416 3.85477 15.2549 3.49922 14.9327 3.23255C14.6105 2.96588 14.2382 2.8881 13.816 2.99921C10.7716 3.6881 8.27713 5.24366 6.33268 7.66588C4.38824 10.0881 3.41602 12.8659 3.41602 15.9992C3.41602 19.1326 4.38824 21.9103 6.33268 24.3326Z"
          fill="#FFBA1A"
        />
        <Path
          d="M18.566 28.7659C18.8882 29.0326 19.2605 29.1103 19.6827 28.9992C20.416 28.8214 21.1327 28.5881 21.8327 28.2992C22.5327 28.0103 23.2049 27.6659 23.8493 27.2659C24.2049 27.0214 24.4049 26.6937 24.4494 26.2826C24.4938 25.8714 24.3605 25.5103 24.0494 25.1992C23.8271 24.977 23.566 24.8437 23.266 24.7992C22.966 24.7548 22.6938 24.8214 22.4494 24.9992C21.9382 25.3326 21.3993 25.6159 20.8327 25.8492C20.266 26.0826 19.6827 26.2659 19.0827 26.3992C18.7716 26.4659 18.5271 26.6214 18.3493 26.8659C18.1716 27.1103 18.0827 27.3881 18.0827 27.6992C18.0827 28.1437 18.2438 28.4992 18.566 28.7659Z"
          fill="#FFBA1A"
        />
        <Path
          d="M25.5494 22.5492C25.5938 22.8492 25.7271 23.1103 25.9493 23.3326C26.2605 23.6437 26.6216 23.777 27.0327 23.7326C27.4438 23.6881 27.7716 23.4881 28.016 23.1326C28.416 22.4881 28.7605 21.8159 29.0494 21.1159C29.3382 20.4159 29.5716 19.6992 29.7493 18.9659C29.8605 18.5437 29.7827 18.1714 29.516 17.8492C29.2493 17.527 28.8938 17.3659 28.4493 17.3659C28.1382 17.3659 27.8605 17.4492 27.616 17.6159C27.3716 17.7826 27.216 18.0214 27.1494 18.3326C27.016 18.9326 26.8327 19.5214 26.5993 20.0992C26.366 20.677 26.0827 21.2214 25.7493 21.7326C25.5716 21.977 25.5049 22.2492 25.5494 22.5492Z"
          fill="#FFBA1A"
        />
        <Path
          d="M27.616 14.3992C27.8605 14.577 28.1382 14.6659 28.4493 14.6659C28.8938 14.6659 29.2493 14.5048 29.516 14.1826C29.7827 13.8603 29.8605 13.4881 29.7493 13.0659C29.5716 12.3326 29.3382 11.6159 29.0494 10.9159C28.7605 10.2159 28.416 9.54366 28.016 8.89922C27.7716 8.52144 27.4438 8.31033 27.0327 8.26588C26.6216 8.22144 26.2605 8.35477 25.9493 8.66588C25.7271 8.8881 25.5938 9.14922 25.5494 9.44922C25.5049 9.74922 25.5716 10.0325 25.7493 10.2992C26.0827 10.8103 26.366 11.3492 26.5993 11.9159C26.8327 12.4826 27.016 13.0659 27.1494 13.6659C27.216 13.977 27.3716 14.2214 27.616 14.3992Z"
          fill="#FFBA1A"
        />
        <Path
          d="M20.8327 6.14922C21.3993 6.38255 21.9382 6.66588 22.4494 6.99922C22.716 7.17699 22.9993 7.24366 23.2994 7.19922C23.5993 7.15477 23.8605 7.02144 24.0827 6.79922C24.3938 6.4881 24.5271 6.12699 24.4827 5.71588C24.4382 5.30477 24.2271 4.97699 23.8493 4.73255C23.2049 4.33255 22.5327 3.9881 21.8327 3.69922C21.1327 3.41033 20.416 3.17699 19.6827 2.99921C19.2605 2.8881 18.8882 2.96588 18.566 3.23255C18.2438 3.49922 18.0827 3.85477 18.0827 4.29922C18.0827 4.61033 18.1716 4.8881 18.3493 5.13255C18.5271 5.37699 18.7716 5.53255 19.0827 5.59922C19.6827 5.73255 20.266 5.91588 20.8327 6.14922Z"
          fill="#FFBA1A"
        />
        <Path
          d="M16.6331 9.33465C16.6718 9.33399 16.7105 9.33366 16.7493 9.33366C16.7589 9.33366 16.7685 9.33368 16.7781 9.33372C16.7576 9.33294 16.7369 9.33255 16.716 9.33255C16.688 9.33255 16.6604 9.33325 16.6331 9.33465Z"
          fill="#FFBA1A"
        />
      </G>
    </Svg>
  );
};
